#login-page {
  background: #fff url('https://mjmh.meijiameihuo.com/wechat/images/common/login_bg.png') no-repeat center; height: 100vh;
  background-size: cover;
  .login_logo {
    height: rem(191); width: rem(350);
    background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/new_logo.png') no-repeat center;
    background-size: contain;
    margin: rem(150) auto 0 ;
  }
  .login_btn {
    margin-top: rem(200);
    .btns {
      height: rem(80); width: rem(500); margin: 0 auto rem(30); border-radius:rem(4);
      text-align: center;; color: #fff; line-height: rem(80); font-size: rem(34);
      &.tel_login {
        background: #DDB074;
      }
      &.wechat_login {
        background: #E91F3F;
      }
    }
    .reg_pact {
      width: rem(450); margin: auto; color: #999999;
      padding-left: rem(50); font-size: rem(22); position: relative;
      a {
        color: #E91F3F;
      }
      &:before {
        content: ''; width: rem(30); height: rem(30); display: block;
        background: url('https://mjmh.meijiameihuo.com/wechat/images/common/checkbox_n.png') no-repeat;
        background-size: contain;
        position: absolute; left: rem(5); top: rem(2);
      }
      &.read {
        &:before {
          background: url('https://mjmh.meijiameihuo.com/wechat/images/common/checkbox.png') no-repeat;
          background-size: contain;
          position: absolute; left: rem(5); top: rem(2);
        }
      }
    }
  }
}
#login-tel {
  background: #fff; height: 100vh;
  .tel_login {
    padding: rem(100) rem(60) 0;
    .login_tips {
      margin-bottom: rem(80);
      h3 {
        font-size: rem(70); color: #17273A;font-weight: 500;
      }
      p {
        color: #999999; font-size: rem(28);
      }
    }
  }
  .reg_pact {
    width: rem(450); margin: auto; color: #999999;
    padding-left: rem(50); font-size: rem(26); position: relative;
    margin-top: rem(26);
    a {
      color: #E91F3F;
    }
    &:before {
      content: ''; width: rem(30); height: rem(30); display: block;
      background: url('https://mjmh.meijiameihuo.com/wechat/images/common/checkbox_n.png') no-repeat;
      background-size: contain;
      position: absolute; left: rem(5); top: rem(2);
    }
    &.read {
      &:before {
        background: url('https://mjmh.meijiameihuo.com/wechat/images/common/checkbox.png') no-repeat;
        background-size: contain;
        position: absolute; left: rem(5); top: rem(2);
      }
    }
  }
}
.form_box {
  ul {
    li {
      font-size: rem(34);
      height: rem(100); line-height: rem(100);
      color:#17273A;
      position: relative; margin-bottom: rem(20);
      label {
        position: absolute;
        height: rem(100);
        left: rem(30);
      }
      input {
        border: none;
        padding-left: rem(128);
        height: rem(98);
        width: rem(630-128);
        border:1px solid rgba(229,229,229,1);
        &::placeholder {
          color: #C3CDD6
        }
      }
      &.code {
        input {
          width: rem(366-30); padding-left: rem(30);
        }
        .send_code {
          position: absolute;
          right: 0; top: rem(10);
          display: block;background:rgba(233,31,63,1);
          line-height: rem(80); text-align: center; color: #fff;
          width:rem(234); height:rem(80); border-radius: rem(4);
          &.disable {
            background-color: #D0D0D0
          }
         }
      }
    }
    .login_btn {
      width:rem(630);
      height:rem(98);
      background:rgba(233,31,63,1);
      border-radius:rem(4); font-size: rem(34); text-align: center; line-height: rem(98); color: #fff;
      &.disable {
        background: #D0D0D0;
      }
    }
  }
}
